page{
	background-color: #FFFFFF;
	position: relative;
	height: 100%;
}
.header{
	background-color: #366de1;
	display: flex;
	flex-direction: column;
}
.city {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		/* width: 160rpx;
 */
		font-size: 28rpx;
	}
.arrowsicon{width:0; height:0; border-right:13rpx solid transparent; border-left:13rpx solid transparent; border-top:13rpx solid white; margin-left: 10rpx;}
.logo{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	image{
		width: 440rpx;
		height: 45rpx;
	}
	}	
.input-view {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		padding: 0rpx 15px;
		flex-wrap: nowrap;
		width: 85%;
		border-radius: 10rpx;
		margin: 20rpx auto;
	}
	.button{
		font-size: 30rpx;
		color: #737375;
		justify-content: center;
		align-items: center;
		padding: 20rpx;
		padding-right: 0;
	}
	.nav-bar-input {
		padding: 0 5px;
		font-size: 30rpx;
		background-color: #fff;
		color: #333;
		flex: 1;
		border-right: 1px solid #e5e5e5;
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		padding: 0;
	}
.hot-key{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20rpx;
	padding:0 30rpx;
	.hot{
	justify-content: flex-start;	
		width: 87rpx;
		height: 32rpx;
	}
	.hot-list{
		color: #fff;
		font-size: 30rpx;
		.hot-list_item{
			margin-left: 30rpx;
		}
	}
}
.zbqy{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 20rpx 30rpx;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	.zb-icon{
		width: 139rpx;
		height: 37rpx;
	}
	.zbqy-name{
		flex: 1;
		font-size: 28rpx;
		padding-left: 30rpx;
		margin-left: 30rpx;
		border-left: 1px solid #eee;
		height: 46rpx;
		line-height: 46rpx;
		overflow: hidden;
		.swiper-item{
			height: 46rpx; 
			line-height: 46rpx;
		}
	}
}
.navlist-list{
	display: flex;
	flex-direction: row;
	align-items: center;
	// justify-content: center;
	flex-wrap: wrap;
	background-color: #fff;
	padding-bottom: 30rpx;
	.navlist-list_item{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 25rpx;
		width: 20%;
		.navlist-list_item-icon{
			width: 80rpx;
			height: 80rpx;
		}
		.navlist-list_item-text{
			font-size: 28rpx;
			margin-top: 10rpx;
		}
	}
}
.adv-swiper{
	position: relative;
	.swiper {
		width: 100%;
		height: 151rpx;
		overflow: hidden;
		position: relative;
		.swiper-item {
			width: 100%;
			height: 151rpx;
		}
	
	}
	.dots {
		position: absolute;
		bottom: 10rpx;
		left: 50%;
		transform: translate(-50% 0);
		z-index: 4;
		display: flex;
		justify-content: center;
	
		.dot {
			width: 24rpx;
			height: 8rpx;
			transition: all .6s;
			background: #fff;
			margin-right: 10rpx;
			border-radius: 10rpx;
		}
	
		.active {
			width: 48rpx;
			height: 8rpx;
			background: #fff;
		}
	}
}
.container{
	position:relative;
	width: 100%;
}

/* 顶部tabbar */
	.nav-bar {
		position: relative;
		z-index: 10;
		height: 90upx;
		white-space: nowrap;
		//background-color: #eff0f2;
		background-color: #f3f6fb;
		.nav-item {
			display: inline-block;
			width: 160upx;
			height: 70upx;
			text-align: center;
			line-height: 70upx;
			font-size: 32upx;
			color: #919193;
			position: relative;
			margin-top: 20rpx;
		}
		.current {
			color: #2f69e0;
			background-color: #fff;
			border-radius: 10px;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			position: relative;
			z-index: 99;
			font-weight: bold;
			&:after {
				position: absolute;
				content: '';
				height: 10rpx;
				background-color: #eaf0fc;
				bottom: 15rpx;
				left: 10%;
				width: 80%;
				z-index: -1;
				border-radius: 10rpx;
			}
		}
	}

	.content-box{height: 100%; position: fixed; width: 100%;  overflow-y: scroll; z-index: 1;}

	.panel-scroll-box {
		height: 100%;
		.panel-item {
			background: #fff;
			padding: 30px 0;
			border-bottom: 2px solid #000;
		}
	}
	.uni-list{
		position: relative;
		background-color: #f5f5f5;
	}
	.uni-list-cell{
		padding: 20rpx 30rpx;
		display: flex;
		flex-direction: column;
		position: relative;
		margin-bottom: 20rpx;
		background-color: #FFFFFF;
			
			
		.list-cell-title{
			font-size: 32rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display:-webkit-box; 
			-webkit-box-orient:vertical;
			-webkit-line-clamp:2;
			margin-bottom: 20rpx;
			line-height: 50rpx;
			height: 100rpx;
			.item-badge{
				padding:6rpx 8rpx;
				border-radius: 5rpx;
				background-color: #1b6fe9;
				font-size: 24rpx;
				font-weight: 700;
				color: #fff;
				margin-right: 10rpx;
			}
		}
		.list-cell-content{
			color: #a7a7a7;
			font-size: 28rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 15rpx 0;
		}
		.list-cell-bottom{
			display: flex;
			flex-direction: row;
			align-items: center;
			position: relative;
			.list-area{
				font-size: 26rpx;
				background-color: #eaf4ff;
				color: #358fff;
				border-radius: 6rpx;
				padding:8rpx;
			}
			.list-category{
				font-size: 26rpx;
				background-color: #e5f8ef;
				color: #04b866;
				border-radius: 6rpx;
				padding:8rpx;
				margin: 0 8rpx;
			}
			.list-time{
				font-size: 26rpx;
				color: #b9b9b9;
				position: absolute;
				right: 0rpx;
			}
			.list-areal{
				font-size: 26rpx;
				background-color: #fef8f9;
				color: #f5778d;
				border-radius: 6rpx;
				padding:8rpx;
			}
			.list-filel{
				display: flex;
				flex-direction: row;
				margin-left: 10rpx;
				align-items: center;
				.filel-icon{
					width: 30rpx;
					height: 28rpx;
					margin-right: 8rpx;
				}
				text{
					font-size: 26rpx;
				}
			}
		}
	}
	.text-blue{
		color: #4181fe;
	}
	.text-green{
		color: #17b858;
	}
	// .uni-list-cell::after{
	// 	position: absolute;
	// 	z-index: 3;
	// 	right: 0;
	// 	bottom: 0;
	// 	left: 0px;
	// 	height: 15rpx;
	// 	content: '';
	// 	-webkit-transform: scaleY(.5);
	// 	transform: scaleY(.5);
	// 	background-color: #F5F5F5;
	// }
	.uni-list-cell:last-child::after{
		height: 0;
	}
	.shengjiFix {
		position: fixed;
		bottom: 100rpx;
		left: 6%;
		z-index: 999;
	
		image {
			width: 163rpx;
			height: 145rpx;
		}
	}
	
	.backTop {
		position: fixed;
		bottom: 100rpx;
		right: 30rpx;
		z-index: 999;
		image {
			width: 94rpx;
			height: 94rpx;
		}
	}
	.dingzhi{
		padding: 10rpx 30rpx;
		background-color: #fff;
		display: flex;
		flex-direction: row;
		font-size: 28rpx;
		align-items: center;
		justify-content:space-between;
		color: #898989;
		.dingzhi-btn{
			background-color: #4b87ef;
			color: #fff;
			padding: 15rpx 20rpx;
		}
	}
	.bottom-custom{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		color: #bababa;
		background-color: #fff;
		padding: 10rpx 0 30rpx;
		.custom-btn{
			background-color: #edf4ff;
			color: #4b87ef;
			padding: 20rpx 50rpx;
			border: 1rpx solid #4b87ef;
			border-radius: 10rpx;
			margin-top: 20rpx;
		}
		.custom-foot{
			margin-top: 30rpx;
		}
	}
	.fufeidiqu {
		position: fixed;
		bottom: 230rpx;
		left: 6%;
		z-index: 999;
		width: 92rpx;
		padding: 10rpx;
		height: 92rpx;
		border-radius: 92rpx;
		background-color: #feeae9;
		box-sizing: border-box;
		color: #fa6551;
		box-shadow: 0 0 16rpx rgba($color: #ffbeb7, $alpha: 0.75);
		font-size: 26rpx;
		text-align: center;
		line-height: 35rpx;
	
	}
	
	.blueTag {
		background: #839ef6;
		color: #fff;
	}
	// 中标
	.redTag {
		background: #ff8484;
		color: #fff;
	}
	//地区、附件、金额
	.grayBlueTag {
		background-color: #eaf0fb;
		color: #8494b3;
	}
	.grayBlueTag2 {
		background: #f1f3f6;
		border-radius: 6rpx;
	}
	
	// 特定单位 无 招标预告
	.purpleTag {
		background: #9b79f6;
		color: #fff;
	}
	
	// 中标 4, 拟建 90
	.greenTag {
		background-color: #e8f6ef;
		color: #22a654;
	}
	
	// 变更 6
	.pinkTag {
		background: #5abf80;
		color: #fff;
	}
	
	//小程序---地区、金额、附件tag
	.grayTag {
		color: #6c717e;
		background: #f1f3f6;
	}
	
	//项目审批
	.orangeTag {
		background-color: #ac7d5c;
		color: #ffffff;
	}
	// 审批公示
	.orange1Tag {
		background: #ff6e3e;
		color: #fff;
	}
	//拟建项目tag
	.blue2Tag {
		background-color: #4caeda;
		color: #ffffff;
	}
	// vip独家
	.orange2Tag {
		background: linear-gradient(123deg, #fcb569 0%, #ff9943 100%);
		color: #fff;
	}
	/*display*/
	.d-c-c {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.d-s-c {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.d-s-s {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.d-e-c {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	
	.d-b-c {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.d-a-c {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	
	.d-c {
		flex-direction: column;
	}
	
	.d-r {
		flex-direction: row;
	}
	
	.d-f {
		display: flex;
	}
	
	.flex-1 {
		flex: 1;
	}
	
	.flex-auto {
		flex: none;
	}
	
	.text-d-line-through {
		text-decoration: line-through;
	}
	// ------------------------字号----------------------
	.f22 {
		font-size: 22rpx;
	}
	.f24 {
		font-size: 24rpx;
	}
	
	.f26 {
		font-size: 24rpx;
	}
	
	.f28 {
		font-size: 28rpx;
	}
	
	.f30 {
		font-size: 30rpx;
		line-height: 38rpx;
	}
	
	.f32 {
		font-size: 32rpx;
	}
	
	.f34 {
		font-size: 34rpx;
	}
	.text-ellipsis {
		word-wrap: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.text-ellipsis-2 {
		display: -webkit-box;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		._root{
			overflow: inherit !important;
		} 
		view,text{
			display: inline !important;
		}
	}
	
	.hasVisited {
		// .leibie .shijian,.diqu,.cgys-text .blue
		.xmgk,
		.title,
		.cgys-text,
		.blue,
		.orange {
			color: #a1a1a1 !important;
		}
		// .leibie, .red{
		// 	opacity: 0.7;
		// }
		opacity: 0.9;
		.dot {
			display: none;
		}
	}
	